<template>
	<view class="flex-column">
		<view class="container">
			<slot></slot>
		</view>
		<view class="tabbar">
			<g-tab-bar :activeTabName="activeTabName"></g-tab-bar>
		</view>
	</view>
</template>

<script setup>
const props = defineProps({
	activeTabName: {
		type: String,
		required: true,
	},
});
</script>

<style lang="scss" scoped>
.flex-column {
	display: flex;
	flex-direction: column;
	.container {
		padding: 0 20rpx;
		height: calc(100vh - 120rpx);
		overflow-y: auto;
	}
	.tabbar {
		height: 120rpx;
	}
}
</style>
